import React, { memo } from 'react'
import "./index.less"
import { Input } from 'antd'
import TestImage from '../../common/images/test_image.png'
export default memo(function AgentDesk() {
  let tabsList = [];
  for(let i=0;i<3;i++){
    let obj = {
      title:"智能请假助手",
      description:"自动请假及假期查询",
      url:"../../common/images/test_image.png"
    };
    tabsList.push(obj)
  }
  const onSearch = ()=>{
    console.log("开始搜索")
  }
  const handelClick = ()=>{
    
  }
  return (
    <div className='Container'>
      <div className="Header">
        <div className="header-title">
          <div className="main-title">智能体中心</div>
          <div className="note">探索智能体的无限可能</div>
        </div>
        <div className="searchInput">
          <Input.Search
            placeholder="input search text"
            onSearch={onSearch}
            enterButton
          >
          </Input.Search>
        </div>
      </div>
      <div className="agentContent">
        <div className="tabsList"></div>
        <div className="tabsContent">
          {tabsList.map((item,index)=>{
            return (
                    <div className="agentCard" key={index} onClick={handelClick}>
                      <div className="cardItem">
                        <div className="cardItem-picture">
                          <img src={TestImage} />
                        </div>
                        <div className="cardItem-content">
                          <div className="agentTitle">{item.title}</div>
                          <div className="agentNote">{item.description}</div>
                        </div>
                      </div>
                    </div>
                    )
          })}
        </div>
      </div>
      
    </div>
  )
})
